<template>
        <div class="search">
            <input type="text" style="text-indent:0.8em" />
            <div class="search_text">搜索</div>
        </div>
</template>

<script>
export default {
  name:'Search'
}
</script>

<style lang="less" scoped>
.search{
    position: relative;
    padding: 10px;
    height: 45px;
    box-sizing: border-box;
    input{
        width: 100%;
        height: 32px;
        border: 1px solid #ffc400;
        border-radius: 16px;
    }
    .search_text{
        position: absolute;
        right: 8px;
        top: 11px;
        width: 50px;
        height: 32px;
        background-color: #ffc400;
        border-radius: 16px;
        text-align: center;
        line-height: 32px;
    }
}
</style>